
var fhdb = document.querySelector("#fhdb");
//先获取图片id名（起名）
console.log(fhdb);
//滚动条事件
window.onscroll = function () {
    //滚动条事件 当滚动条离开窗口的顶部（某一个数时）执行里面代码
    if (document.documentElement.scrollTop > 100 || document.body.scrollTop > 100) {
        //如果当窗口的距离大于100时执行或者当body的距离大于100时执行
        fhdb.style.display = "block";
        //上面的var的名字.css.块级元素="显示"
    } else {
        fhdb.style.display = "none";
        //上面的var的名字.css.块级元素="隐藏"
    }
};
//返回事件
fhdb.addEventListener('click', function () {
    //点击事件当点击某一个事物的时候实行
    //在这里是当点击上面var等于的那个图片执行
    window.scrollTo(0, 0);
    //老版浏览器 窗口距离为0
    /*window.scrollTo({
        top:0,
        behavior:'smooth'
    });*/

    //新版浏览器 返回顶部的效果缓慢
});


var hg =document.querySelector("#hua");
var guo =document.querySelector(".div");
hg.addEventListener('mouseover',function(){
    guo.style.display = "block";
});
hg.addEventListener('mouseout',function(){
    guo.style.display = "none";
});
guo.addEventListener('mouseover',function(){
    guo.style.display = "block";
});
guo.addEventListener('mouseleave',function(){
    guo.style.display = "none";
});


var one = document.querySelector(".one");
var num =document.querySelector(".gtt span").innerHTML;
var tp = document.querySelector(".rtt img").innerHTML;
num= Number(num);
one.addEventListener('click',function(){
    if (document.querySelector(".gtt span").innerHTML==num){
        document.querySelector(".gtt span").innerHTML=num+1;
    }else {
        document.querySelector(".gtt span").innerHTML = num;
    }
});
one.addEventListener('click',function(){
    if (document.querySelector(".rtt").innerHTML==num){
       tp =document.querySelector(".rtt").innerHTML;
    }else {
        tp =document.querySelector(".lyy img").innerHTML;
    }
});